

<script>
	export default {
		components: {
		},
		data() {
			return {
				
				}
		},
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods:{
			
		}
	}
</script>

<!-- 微信小程序需要在页面中手动引入全局样式类 -->
<style lang="scss">

</style>

<style>
	
	/* 全局样式导入  #ifdef MP-WEIXIN */
	/* 每个页面公共css */
	/* 微信小程序不支持:root伪类，使用全局样式类代替 */
	/* 为了兼容H5和小程序，同时定义CSS变量 */
  	.global-style {
  		--dominant-hue: #2baaff;
  	}
  	page {
  		--dominant-hue: #2baaff;
  	}
	
	.container {
		padding-bottom: 50px; 
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}

	.content {
		flex: 1;
		padding: 20px;
		box-sizing: border-box;
	}

	.title {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 20px;
		text-align: center;
	}

	.content-text {
		font-size: 16px;
		color: #333;
		text-align: center;
	}

	/* 个人中心样式 */
	.profile {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 30px;
	}

	.avatar {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.avatar image {
		width: 100%;
		height: 100%;
	}

	.username {
		font-size: 16px;
		font-weight: bold;
	}

	.menu {
		margin-top: 20px;
	}

	.menu-item {
		padding: 15px;
		border-bottom: 1px solid #eee;
		font-size: 16px;
	}
</style>